﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<title>用户中心</title>
		<link rel="stylesheet" type="text/css" href="img-font/iconfont.css" />
		<link href="bootstrap-3.3.5-dist/css/bootstrap.min.css" title="" rel="stylesheet" />
		<link title="" href="css/style.css" rel="stylesheet" type="text/css" />
		<link title="blue" href="css/dermadefault.css" rel="stylesheet" type="text/css" />
		<link title="green" href="css/dermagreen.css" rel="stylesheet" type="text/css" disabled="disabled" />
		<link title="orange" href="css/dermaorange.css" rel="stylesheet" type="text/css" disabled="disabled" />
		<link rel="stylesheet" type="text/css" href="css/detas.css" />
		<link href="css/templatecss.css" rel="stylesheet" title="" type="text/css" />
		<link rel="stylesheet" type="text/css" href="css/sup.cssp" />
		<script src="script/jquery.min.js" type="text/javascript"></script>
		<script src="script/jquery.cookie.js" type="text/javascript"></script>
		<script src="bootstrap-3.3.5-dist/js/bootstrap.min.js" type="text/javascript"></script>
		<script src="script/main.js"></script>
		<script src="script/new_file.js"></script>
	</head>
	<style>
		.lable_input {
			margin-right: 15px;
			color: #757575;
		}
		
		.but-input {
			width: 60px;
			height: 30px;
		}
	</style>

	<body>
		<nav class="nav navbar-default navbar-mystyle navbar-fixed-top">
			<div class="navbar-header">
				<button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
    </button>
				<a class="navbar-brand mystyle-brand"><span class="glyphicon glyphicon-home"></span></a>
			</div>
			<div class="collapse navbar-collapse">
				<ul class="nav navbar-nav">
					<li class="li-border">
						<a class="mystyle-color" href="#">管理控制台</a>
					</li>
				</ul>

				<ul class="nav navbar-nav pull-right">
					<li class="li-border">
						<a href="#" class="mystyle-color">
							<span class="glyphicon glyphicon-bell"></span>
							<span class="topbar-num">0</span>
						</a>
					</li>
					<li class="user_name">
						<a href="#">修改用户名或密码</a>
					</li>
					<li class="dropdown li-border">
						<a href="#" class="dropdown-toggle mystyle-color User_name" data-toggle="dropdown">设置<span class="caret"></span></a>
						<ul class="dropdown-menu">
							<li class="cancellation">
								<a>退出</a>
							</li>
						</ul>
					</li>
				</ul>
			</div>
		</nav>
		<div class="down-main">
			<div class="left-main left-full">
				<div class="sidebar-fold"><span class="glyphicon glyphicon-menu-hamburger"></span></div>
				<div class="subNavBox">
					<div class="sBox">
						<div class="subNav sublist-down"><span class="title-icon glyphicon glyphicon-chevron-down"></span><span class="sublist-title">用户中心</span>
						</div>
						<ul class="navContent" style="display:block">
							<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />用户管理</div>
								<a href="userInfo.html"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">用户管理</span></a>
							</li>
							<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />收入总计</div>
								<a href="Total.html"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">收入总计</span></a>
							</li>
							<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />游戏设置</div>
								<a href="message.html"><span class="sublist-icon glyphicon glyphicon-envelope"></span><span class="sub-title">游戏设置</span></a>
							</li>
							<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />轮播图设置</div>
								<a href="smsInfo.html"><span class="sublist-icon glyphicon glyphicon-bullhorn"></span><span class="sub-title">轮播图设置</span></a>
							</li>
							
							<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />二维码设置</div>
								<a href="code.html"><span class="sublist-icon glyphicon glyphicon-credit-card"></span><span class="sub-title">二维码设置</span></a>
							</li>
							<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />广告抽成</div>
								<a href="pumping.html"><span class="sublist-icon glyphicon glyphicon-credit-card"></span><span class="sub-title">广告抽成</span></a>
							</li>
							<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />添加域名</div>
								<a href="adddomain.html"><span class="sublist-icon glyphicon glyphicon-credit-card"></span><span class="sub-title">添加域名</span></a>
							</li>
							<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />域名管理</div>
								<a href="administration.html"><span class="sublist-icon glyphicon glyphicon-credit-card"></span><span class="sub-title">域名管理</span></a>
							</li>
							<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />提现审核</div>
								<a href="cashchecking.html"><span class="sublist-icon glyphicon glyphicon-credit-card"></span><span class="sub-title">提现审核</span></a>
							</li>
							<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />广告详情</div>
								<a href="Ad-Details.html"><span class="sublist-icon glyphicon glyphicon-credit-card"></span><span class="sub-title">广告详情</span></a>
							</li>
							<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />维护设置</div>
								<a href="Maintain.html"><span class="sublist-icon glyphicon glyphicon-credit-card"></span><span class="sub-title">维护设置</span></a>
							</li>
							<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />奖品设置</div>
								<a href="getMissionAward.html"><span class="sublist-icon glyphicon glyphicon-credit-card"></span><span class="sub-title">奖品设置</span></a>
							</li>
							<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />任务管理</div>
								<a href="getMission.html"><span class="sublist-icon glyphicon glyphicon-credit-card"></span><span class="sub-title">任务管理</span></a>
							</li>
							<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />订单详情</div>
								<a href="getFbOrderAll.html"><span class="sublist-icon glyphicon glyphicon-credit-card"></span><span class="sub-title">订单详情</span></a>
							</li>
							<!--<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />玩法介绍</div>
								<a href="method.html"><span class="sublist-icon glyphicon glyphicon-credit-card"></span><span class="sub-title">玩法介绍</span></a>
							</li>-->
						</ul>
					</div>
					<div class="sBox">
						<div class="subNav sublist-up"><span class="title-icon glyphicon glyphicon-chevron-up"></span><span class="sublist-title">代理设置</span></div>
						<ul class="navContent tBLES">
							<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />添加代理</div>
								<a href="addto.html"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">添加代理</span></a>
							</li>
							<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />代理详情</div>
								<a href="details.html"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">代理详情</span></a>
							</li>
						</ul>
					</div>
					<div class="sBox">
						<div class="subNav sublist-up"><span class="title-icon glyphicon glyphicon-chevron-up"></span><span class="sublist-title">说明设置</span></div>
						<ul class="navContent tBLES">
							<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />游戏玩法</div>
								<a href="rule.html"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">游戏玩法</span></a>
							</li>
							<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />踢球技巧</div>
								<a href="skill.html"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">踢球技巧</span></a>
							</li>
							<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />常见问题</div>
								<a href="common.html"><span class="sublist-icon glyphicon glyphicon-credit-card"></span><span class="sub-title">常见问题</span></a>
							</li>
							<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />更新设置</div>
								<a href="identify.html"><span class="sublist-icon glyphicon glyphicon-credit-card"></span><span class="sub-title">更新设置</span></a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="right-product view-product right-full">
				<div class="container-fluid">
					<div class="manage account-manage info-center">
						<div class="page-header">
							<div class="pull-left">
								<h4>代理详情</h4>
							</div>
						</div>
					</div>
				</div>

				<div class="users-list">
					<div class="list-header">
						<p>用户ID：<input type="number" placeholder="请输入你要查询 的用户ID" class="query-input" />
							<p style="text-align: center;">
								<label class="label_2">起始时间：&ensp;<input type="datetime-local" value=""  class="datetime" /></label>
								<label class="lable_input">当前时间：&ensp;<input type="datetime-local" value="" class="datavalue" /></label><input type="button" value="确定" class="but-input" /></p>
						</p>
						<div class="list-warry">
							<table class="gridtable">
								<thead>
									<tr>
										<th>代理ID</th>
										<th>代理昵称</th>
										<th>代理头像</th>
										<th>广告金收入</th>
										<th>佣金支出</th>
										<th>实际收入</th>
										<th>操作</th>
									</tr>
								</thead>
								<tbody>

								</tbody>
							</table>
							<div class="tcdPageCode"></div>
						</div>
						<div class="cover">
							<div class="football">
								<div class="nav-gta">
									<h3>时间段查询</h3><span class="min iconfont icon-guanbi"></span></div>
								<div class="screen">
									<input type="number" class="screenFrame_left inputFrame" />&ensp;~&ensp;<input type="number" class="screenFrame_right inputFrame" />
								</div>
								<div class="footerss">
									<div class="tcdPageCode"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="setup">
				<div class="setAgent">
					<div class="titleNamer">
						<h4>修改密码</h4>
					</div>
					<div class="from-warry">
						<p>旧密码：<input class="dl-input names" type="text" placeholder="请输新的账号" /></p>
						<p>新密码：<input class="dl-input poswd" type="text" placeholder="请输入新的密码" /></p>
						<p>再次输入：<input type="text" placeholder="请输入新密码"  class="confirm" /></p>
						<p><input class="determine" type="button" value="确定修改" /></p>
					</div>
				</div>
			</div>
		</div>
		<script src="http://www.lanrenzhijia.com/ajaxjs/jquery.page.js"></script>
		<script type="text/javascript">
			$(function() {

				/*换肤*/
				$(".dropdown .changecolor li").click(function() {
					var style = $(this).attr("id");
					$("link[title!='']").attr("disabled", "disabled");
					$("link[title='" + style + "']").removeAttr("disabled");

					$.cookie('mystyle', style, {
						expires: 7
					}); // 存储一个带7天期限的 cookie 
				})
				var cookie_style = $.cookie("mystyle");
				if(cookie_style != null) {
					$("link[title!='']").attr("disabled", "disabled");
					$("link[title='" + cookie_style + "']").removeAttr("disabled");
				}
				/*左侧导航栏显示隐藏功能*/
				$(".subNav").click(function() {
					/*显示*/
					if($(this).find("span:first-child").attr('class') == "title-icon glyphicon glyphicon-chevron-down") {
						$(this).find("span:first-child").removeClass("glyphicon-chevron-down");
						$(this).find("span:first-child").addClass("glyphicon-chevron-up");
						$(this).removeClass("sublist-down");
						$(this).addClass("sublist-up");
					}
					/*隐藏*/
					else {
						$(this).find("span:first-child").removeClass("glyphicon-chevron-up");
						$(this).find("span:first-child").addClass("glyphicon-chevron-down");
						$(this).removeClass("sublist-up");
						$(this).addClass("sublist-down");
					}
					// 修改数字控制速度， slideUp(500)控制卷起速度
					$(this).next(".navContent").slideToggle(300).siblings(".navContent").slideUp(300);
				})
				/*左侧导航栏缩进功能*/
				$(".left-main .sidebar-fold").click(function() {

					if($(this).parent().attr('class') == "left-main left-full") {
						$(this).parent().removeClass("left-full");
						$(this).parent().addClass("left-off");

						$(this).parent().parent().find(".right-product").removeClass("right-full");
						$(this).parent().parent().find(".right-product").addClass("right-off");

					} else {
						$(this).parent().removeClass("left-off");
						$(this).parent().addClass("left-full");

						$(this).parent().parent().find(".right-product").removeClass("right-off");
						$(this).parent().parent().find(".right-product").addClass("right-full");

					}
				})

				/*左侧鼠标移入提示功能*/
				$(".sBox ul li").mouseenter(function() {
					if($(this).find("span:last-child").css("display") == "none") {
						$(this).find("div").show();
					}
				}).mouseleave(function() {
					$(this).find("div").hide();
				})
			})
		</script>
	</body>

</html>
<script type="text/javascript">
	$('.cancellation').on('click', function() {
		$.ajax({
			type: "get",
			url: "/admin/adminFund/exitLogin  ",
			contentType: "application/json; charset=utf-8",
			success: function(res) {
				if(res.error_code == 0) {
					window.location.href = 'login.html';
				}
			}
		});
	})
	var findTime = '';
	var endTime = '';

	function getLocalTime(nS) {
		return new Date(parseInt(nS)).toLocaleString().substr(0, 17)
	}
	$(function() {
		var startPage = 1;
		$('.cover').on('click', function() {
			$('.cover').css('display', 'none');
		})
		//筛选时间
		$('.screen_button').on('click', function() {
			$('.cover').show();
		})
		//动态设置时间
		//第2个时间控件
		function show() {
			var mydate = new Date();
			var str = "" + mydate.getFullYear() + "-"; //年
			var scc = (mydate.getMonth() + 1); //月
			//小于2位补0
			if(scc < 10) {
				str += ('0' + scc + '-')
			} else {
				str += (scc + '-')
			}
			var stp = mydate.getDate() + 'T'; //日
			if(stp < 10) {
				str += ('0' + stp)
			} else {
				str += stp
			}
			var my_hours = mydate.getHours();
			if(my_hours < 10) {
				str += ('0' + my_hours + ':')
			} else {
				str += my_hours + ':'
			}
			var my_minutes = mydate.getMinutes();
			if(my_minutes < 10) {
				str += ('0' + my_minutes + ':')
			} else {
				str += my_minutes + ':'
			}
			var my_seconds = mydate.getSeconds();
			if(my_seconds < 10) {
				str += ('0' + my_seconds)
			} else {
				str += my_seconds;
			}
			return str;
		}

		//第一个时间控件
		function shoude() {
			var mydate = new Date();
			var str = "" + mydate.getFullYear() + "-"; //年
			var scc = (mydate.getMonth() + 1); //月
			//小于2位补0
			if(scc < 10) {
				str += ('0' + scc + '-')
			} else {
				str += (scc + '-')
			}
			var stp = mydate.getDate() + 'T'; //日
			if(stp < 10) {
				str += ('0' + stp)
			} else {
				str += stp
			}
			return str;
		}
		var stp = shoude() + '00:00:00';
		$('.datetime').val(stp)
		var values = show();

		$('.datavalue').val(values);

		findTime = $('.datavalue').val().replace('T', ' ');
		endTime = $('.datetime').val().replace('T', ' ');
		$.ajax({
			type: "get",
			url: "/admin/agent/findLowerAgent",
			contentType: "application/json; charset=utf-8",
			data: {
				'startTime': endTime,
				'endTime': findTime,
				'startPage': startPage
			},
			success: function(res) {
				console.log(res)
				if(res.error_code == 0) {
					var page = res.data.totalPage;
					for(var i = 0; i < res.data.value.length; i++) {
						var str = '';
						str += '<tr>';
						str += '<td>' + res.data.value[i].id + '</td>';
						str += '<td>' + res.data.value[i].nickName + '</td>';
						str += '<td><img src="' + res.data.value[i].headImgUrl + '"/></td>';
						str += '<td>' + res.data.value[i].balance + '</td>';
						str += '<td>' + res.data.value[i].commission + '</td>';
						str += '<td>' + res.data.value[i].money + '</td>';
						str += '<td><button class="buttonclass">取消授权</button></td>';
						$('tbody').append(str)
					}
					$(".tcdPageCode").createPage({
						pageCount: page,
						current: 1,
						backFn: function(p) {
							startPage = p;
						}
					});
				}
				$('tbody').on('click', '.buttonclass', function() {
					var id = $(this).parents().siblings(":first").html() - 0;
					var r = confirm("确定取消该用户授权？")
					if(r == true) {
						$.ajax({
							type: "get",
							url: "/admin/agent/deleteAgent",
							contentType: "application/json; charset=utf-8",
							data: {
								'id': id
							},
							success: function(res) {
								console.log(res)
								if(res.error_code == 0) {
									alert("已取消该用户授权！");
									window.location.reload();
								}
							}
						});
					}
				})
			}
		});

		$('.but-input').on('click', function() {
			var endTime = '';
			findTime = $('.datavalue').val().replace('T', ' ');
			endTime = $('.datetime').val().replace('T', ' ');
			var id = $('.query-input').val() - 0;
			var length = ($('.query-input').val()).length;
			if((endTime.substr(10, endTime.length)).length == 6) {
				endTime += ':00'
			}
			if(length !== 0) {
				$.ajax({
					type: "get",
					url: "/admin/agent/getAgentById",
					contentType: "application/json; charset=utf-8",
					data: {
						'id': id,
						'startTime': endTime,
						'endTime': findTime
					},
					success: function(res) {
						console.log(res)
						if(res.error_code == 0) {
							$('tbody').children('tr').hide();
							var str = '';
							str += '<tr>';
							str += '<td>' + res.data.id + '</td>';
							str += '<td>' + res.data.nickName + '</td>';
							str += '<td><img src="' + res.data.headImgUrl + '"/></td>';
							str += '<td>' + res.data.balance + '</td>';
							str += '<td>' + res.data.commission + '</td>';
							str += '<td>' + res.data.money + '</td>';
							str += '<td><button class="buttonclass">取消代理</button></td>';
							$('tbody').append(str)
						}
					}
				})
			} else {
				$('tbody').children('tr').remove();
				$.ajax({
					type: "get",
					url: "/admin/agent/findLowerAgent",
					contentType: "application/json; charset=utf-8",
					data: {
						'startTime': endTime,
						'endTime': findTime,
						'startPage': startPage
					},
					success: function(res) {
						console.log(res)
						var page = res.data.totalPage;
						if(res.error_code == 0) {
							for(var i = 0; i < res.data.value.length; i++) {
								var str = '';
								str += '<tr>';
								str += '<td>' + res.data.value[i].id + '</td>';
								str += '<td>' + res.data.value[i].nickName + '</td>';
								str += '<td><img src="' + res.data.value[i].headImgUrl + '"/></td>';
								str += '<td>' + res.data.value[i].balance + '</td>';
								str += '<td>' + res.data.value[i].commission + '</td>';
								str += '<td>' + res.data.value[i].money + '</td>';
								str += '<td><button class="buttonclass">取消授权</button></td>';
								$('tbody').append(str)
							}
						}
						$(".tcdPageCode").createPage({
							pageCount: page,
							current: 1,
							backFn: function(p) {
								startPage = p;
							}
						});
						$('tbody').on('click', '.buttonclass', function() {
							var id = $(this).parents().siblings(":first").html() - 0;
							var r = confirm("确定取消该用户授权？")
							if(r == true) {
								$.ajax({
									type: "get",
									url: "/admin/agent/deleteAgent",
									contentType: "application/json; charset=utf-8",
									data: {
										'id': id
									},
									success: function(res) {
										console.log(res)
										if(res.error_code == 0) {
											alert("已取消该用户授权！");
											window.location.reload();
										}
									}
								});
							}
						})
					}
				});

			}

		})

	})
</script>
<script src="script/index.js"></script>